<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/home.css">
    <script src="./js/jquerys.js"></script>
    <script src="./js/bootstrap.bundle.min.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/home.js"></script>
</head>

<body>
    <!-- 封装一个头部 -->
    <div class="container-fluid navImg">
        <!-- 头部栅格系统 -->
        <div class="row">
            <div class="col-3 bg-transparent pt-4 h4 pb-4 bg-primary text-center text-white">登录</div>
            <div class="col-6 bg-transparent h4 pt-4 pb-4 bg-dark text-center text-white">新时尚购物网</div>
            <div class="col-3 bg-transparent bg-primary text-white shopping">
                <div class="row" onclick="location.href = './ShoppingCart.html'">
                    <div class="col-8 pb-lg-4 pt-lg-4 text-center bg-dark" style="font-size: 10px;">购物车:(0 items)
                        <svg style="color: #ff698d;" xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-cart4" viewBox="0 0 16 16">
                            <path
                                d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l.5 2H5V5H3.14zM6 5v2h2V5H6zm3 0v2h2V5H9zm3 0v2h1.36l.5-2H12zm1.11 3H12v2h.61l.5-2zM11 8H9v2h2V8zM8 8H6v2h2V8zM5 8H3.89l.5 2H5V8zm0 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z" />
                        </svg>
                    </div>
                    <div class="col-4 bg-transparent"></div>
                </div>
            </div>
        </div>




        <!-- ========导航栏===================== -->
        <div class="row mt-2">
            <div class="col-2"></div>
            <div class="col-8 smallScreen">
                <nav class="navBackground navbar navbar-expand-md bg-dark navbar-dark" style="padding: 0;">
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="collapsibleNavbar">
                        <ul class="navbar-nav justify-content-center" style="width: 100%;">
                            <li class="nav-item" onclick="location.href = './index.html'">
                                <a class="nav-link" href="./index.html">首页</a>
                            </li>
                            <li class="nav-item" onclick="location.href = './womenClother.html'">
                                <a class="nav-link" href="./womenClother.html">女装/家具</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">男装/户外</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">童装/玩具</a>
                            </li>
                            <li class="nav-item" onclick="location.href = './about.html'">
                                <a class="nav-link" href="./about.html">关于我们</a>
                            </li>
                            <li class="nav-item" onclick="location.href = './brandStory.html'">
                                <a class="nav-link" href="./brandStory.html">品牌故事</a>
                            </li>
                        </ul>
                    </div>
                </nav>
            </div>
            <div class="col-2"></div>
        </div>


        <!-- largeScreen -->
        <div class="row">
            <div class="col-2"></div>
            <div class="col-8">
                <div class="row largeScreen">
                    <div class="col-2 text-center navBackgroundFirst" onclick="location.href = './index.html'"><a href="./index.html">首页</a></div>
                    <div class="col-2 text-center showId showId1" onclick="location.href = './womenClother.html'"><a href="./womenClother.html">女装/家具</a></div>
                    <div class="col-2 text-center showId showId2">男装/户外</div>
                    <div class="col-2 text-center showId showId3">童装/玩具</div>
                    <div class="col-2 text-center showId showId4" onclick="location.href = './about.html'"><a href="./about.html">关于我们</a></div>
                    <div class="col-2 text-center showId showId5" onclick="location.href = './brandStory.html'">品牌故事
                    </div>
                </div>
            </div>
            <div class="col-2"></div>
        </div>


        <!-- open -->
        <div class="row">
            <div class="col-2"></div>
            <div class="col-8 navOpen">
                <div class="sameNavOpen openNav1">
                    <div class="row">
                        <div class="col-2">
                            <p class="headItem">上装</p>
                            <p>卫衣</p>
                            <p>衬衫</p>
                            <p>T衬</p>
                            <p>毛衣</p>
                            <p>马甲</p>
                            <p>背带</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">外套</p>
                            <p>短外裙</p>
                            <p>女式风衣</p>
                            <p>毛呢大衣</p>
                            <p>女式西装</p>
                            <p>羽绒服</p>
                            <p>皮草</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">女裤</p>
                            <p>休闲裤</p>
                            <p>牛仔裤</p>
                            <p>打底裤</p>
                            <p>羽绒裤</p>
                            <p>七分裤</p>
                            <p>九分裤</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">裙装</p>
                            <p>连衣裙</p>
                            <p>半身裙</p>
                            <p>旗袍</p>
                            <p>无袖裙</p>
                            <p>长袖裙</p>
                            <p>职业裙</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">女装</p>
                            <p>卫衣</p>
                            <p>衬衫</p>
                            <p>T衫</p>
                            <p>毛衣</p>
                            <p>马甲</p>
                            <p>背带</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">家具</p>
                            <p>保暖内衣</p>
                            <p>睡袍</p>
                            <p>家具服</p>
                            <p>袜子</p>
                            <p>手套</p>
                            <p>围巾</p>
                        </div>
                    </div>
                </div>
                <div class="sameNavOpen openNav2">
                    <div class="row">
                        <div class="col-2">
                            <p class="headItem">上装</p>
                            <p>短外套</p>
                            <p>卫衣</p>
                            <p>衬衫</p>
                            <p>风衣</p>
                            <p>夹克</p>
                            <p>毛衣</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">裤子</p>
                            <p>休闲长裤</p>
                            <p>工装裤</p>
                            <p>休闲短裤</p>
                            <p>牛仔短裤</p>
                            <p>防水短裤</p>
                            <p>特色短裤</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">特色套装</p>
                            <p>运动套装</p>
                            <p>时尚套装</p>
                            <p>工装制服</p>
                            <p>民风汉服</p>
                            <p>老年套装</p>
                            <p>大码套装</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">运动穿搭</p>
                            <p>休闲鞋</p>
                            <p>跑步鞋</p>
                            <p>篮球鞋</p>
                            <p>运动夹克</p>
                            <p>运动长裤</p>
                            <p>运动卫衣</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">男装</p>
                            <p>卫衣</p>
                            <p>衬衫</p>
                            <p>T衫</p>
                            <p>毛衣</p>
                            <p>马甲</p>
                            <p>背带</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">正装套装</p>
                            <p>西服</p>
                            <p>西裤</p>
                            <p>西服套装</p>
                            <p>商务套装</p>
                            <p>休闲套装</p>
                            <p>新浪套装</p>
                        </div>
                    </div>
                </div>
                <div class="sameNavOpen openNav3">
                    <div class="row">
                        <div class="col-2">
                            <p class="headItem">童装</p>
                            <p>套装</p>
                            <p>外套</p>
                            <p>裤子</p>
                            <p>家居服</p>
                            <p>羽绒服</p>
                            <p>防晒衣</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">玩具</p>
                            <p>益智玩具</p>
                            <p>拼装积木</p>
                            <p>毛绒抱枕</p>
                            <p>遥控玩具</p>
                            <p>户外玩具</p>
                            <p>乐器玩具</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">童鞋</p>
                            <p>运动鞋</p>
                            <p>学步鞋</p>
                            <p>儿童鞭子</p>
                            <p>儿童皮鞋</p>
                            <p>儿童凉鞋</p>
                            <p>儿童舞蹈鞋</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">潮玩动漫</p>
                            <p>模型</p>
                            <p>手办</p>
                            <p>盲盒</p>
                            <p>桌游</p>
                            <p>卡游</p>
                            <p>动漫周边</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">童装</p>
                            <p>卫衣</p>
                            <p>衬衫</p>
                            <p>T衫</p>
                            <p>毛衣</p>
                            <p>马甲</p>
                            <p>背带</p>
                        </div>
                        <div class="col-2">
                            <p class="headItem">婴儿装</p>
                            <p>哈衣</p>
                            <p>爬服</p>
                            <p>罩衣</p>
                            <p>肚兜</p>
                            <p>户脐带</p>
                            <p>睡袋</p>
                        </div>
                    </div>
                </div>
                <div class="sameNavOpen openNav4">
                </div>
                <div class="sameNavOpen openNav5">
                </div>
            </div>
            <div class="col-2"></div>
        </div>
    </div>



    <!-- 主体内容 -->
    <div class="container-fluid">
        <!-- <div class="chenfurong"></div> -->
        <!-- 主要内容顶部 女装/男装/童装 -->
        <div class="container" style="margin-top: 110px !important;">
            <div class="row mt-5" style="margin: auto;">
                <div class="col-lg-4"></div>
                <div class="col-lg-4"></div>
                <div class="col-lg-4">
                    <div class="row mainContentNav">
                        <div class="col-4 text-center chooseGirl choose">女装</div>
                        <div class="col-4 text-center chooseBoy">男装</div>
                        <div class="col-3 text-center chooseChile">童装</div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 卡片 -->
        <div class="container homeMainCar mt-5">
            <!-- 1 -->
            <div class="row row-cols-1 row-cols-md-3 g-4">
                <div class="col">
                    <div class="card" onclick="location.href = './detail.html'">
                        <div id="newSign">NEW</div>
                        <div class="hoverShowShopping">立即抢购</div>
                        <img src="./images/girl1.bmp" class="card-img-top changeImgUrl1" alt="...">
                        <div class="card-body">
                            <h5 class="card-title">绿色长款连衣裙</h5>
                            <p class="card-text introduce">2022秋装新款韩版宽松大码毛衣女两件套中长款长袖纯色套头针织衫宽松大码毛衣女两件套中长款长袖纯色套头针织衫 </p>
                            <p class="text-danger price fs-4">￥78.90 <del>￥120.00</del></p>
                            <p class="mb-0 store"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shop text-danger" viewBox="0 0 16 16">
                                    <path
                                        d="M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.609 3.044A1.5 1.5 0 0 1 16 5.37v.255a2.375 2.375 0 0 1-4.25 1.458A2.371 2.371 0 0 1 9.875 8 2.37 2.37 0 0 1 8 7.083 2.37 2.37 0 0 1 6.125 8a2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.625V5.37a1.5 1.5 0 0 1 .361-.976l2.61-3.045zm1.78 4.275a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 1 0 2.75 0V5.37a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.255a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0zM1.5 8.5A.5.5 0 0 1 2 9v6h1v-5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v5h6V9a.5.5 0 0 1 1 0v6h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V9a.5.5 0 0 1 .5-.5zM4 15h3v-5H4v5zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3zm3 0h-2v3h2v-3z" />
                                </svg>
                                <span>宝诗旗舰店</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card" onclick="location.href = './detail.html'">
                        <div id="newSign">NEW</div>
                        <div class="hoverShowShopping">立即抢购</div>
                        <img src="./images/girl2.bmp" class="card-img-top changeImgUrl2" alt="...">
                        <div class="card-body">
                            <h5 class="card-title">黑色连衣裙</h5>
                            <p class="card-text introduce">2022年早春港风复古小个子工装马甲衬衫女半身裙日系穿搭三件套装早春港风复古小个子工装马甲衬衫女半身裙日系穿搭三件套装
                            </p>
                            <p class="text-danger price fs-4">￥78.90 <del>￥120.00</del></p>
                            <p class="mb-0 store"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shop text-danger" viewBox="0 0 16 16">
                                    <path
                                        d="M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.609 3.044A1.5 1.5 0 0 1 16 5.37v.255a2.375 2.375 0 0 1-4.25 1.458A2.371 2.371 0 0 1 9.875 8 2.37 2.37 0 0 1 8 7.083 2.37 2.37 0 0 1 6.125 8a2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.625V5.37a1.5 1.5 0 0 1 .361-.976l2.61-3.045zm1.78 4.275a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 1 0 2.75 0V5.37a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.255a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0zM1.5 8.5A.5.5 0 0 1 2 9v6h1v-5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v5h6V9a.5.5 0 0 1 1 0v6h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V9a.5.5 0 0 1 .5-.5zM4 15h3v-5H4v5zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3zm3 0h-2v3h2v-3z" />
                                </svg>
                                <span>suin旗舰店</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card" onclick="location.href = './detail.html'">
                        <div id="newSign">NEW</div>
                        <div class="hoverShowShopping">立即抢购</div>
                        <img src="./images/girl3.bmp" class="card-img-top changeImgUrl3" alt="...">
                        <div class="card-body">
                            <h5 class="card-title">休闲套装</h5>
                            <p class="card-text introduce">风衣女2022年春秋新款韩版宽松气质女神范中长款小个子时尚外套潮春秋新款韩版宽松气质女神范中长款小个子时尚外套潮</p>
                            <p class="text-danger price fs-4">￥78.90 <del>￥120.00</del></p>
                            <p class="mb-0 store"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shop text-danger" viewBox="0 0 16 16">
                                    <path
                                        d="M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.609 3.044A1.5 1.5 0 0 1 16 5.37v.255a2.375 2.375 0 0 1-4.25 1.458A2.371 2.371 0 0 1 9.875 8 2.37 2.37 0 0 1 8 7.083 2.37 2.37 0 0 1 6.125 8a2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.625V5.37a1.5 1.5 0 0 1 .361-.976l2.61-3.045zm1.78 4.275a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 1 0 2.75 0V5.37a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.255a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0zM1.5 8.5A.5.5 0 0 1 2 9v6h1v-5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v5h6V9a.5.5 0 0 1 1 0v6h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V9a.5.5 0 0 1 .5-.5zM4 15h3v-5H4v5zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3zm3 0h-2v3h2v-3z" />
                                </svg>
                                <span>棠棠旗舰店</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card" onclick="location.href = './detail.html'">
                        <div id="newSign">NEW</div>
                        <div class="hoverShowShopping">立即抢购</div>
                        <img src="./images/girl4.bmp" class="card-img-top changeImgUrl4" alt="...">
                        <div class="card-body">
                            <h5 class="card-title">上班必备穿搭</h5>
                            <p class="card-text introduce">
                                蓝语大码女装胖妹妹mm温柔针织衫碎花连衣裙2022秋新款遮肉两件套蓝语大码女装胖妹妹mm温柔针织衫碎花连衣裙2022秋新款遮肉两件套 </p>
                            <p class="text-danger price fs-4">￥78.90 <del>￥120.00</del></p>
                            <p class="mb-0 store"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shop text-danger" viewBox="0 0 16 16">
                                    <path
                                        d="M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.609 3.044A1.5 1.5 0 0 1 16 5.37v.255a2.375 2.375 0 0 1-4.25 1.458A2.371 2.371 0 0 1 9.875 8 2.37 2.37 0 0 1 8 7.083 2.37 2.37 0 0 1 6.125 8a2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.625V5.37a1.5 1.5 0 0 1 .361-.976l2.61-3.045zm1.78 4.275a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 1 0 2.75 0V5.37a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.255a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0zM1.5 8.5A.5.5 0 0 1 2 9v6h1v-5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v5h6V9a.5.5 0 0 1 1 0v6h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V9a.5.5 0 0 1 .5-.5zM4 15h3v-5H4v5zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3zm3 0h-2v3h2v-3z" />
                                </svg>
                                <span>博弈旗舰店</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card" onclick="location.href = './detail.html'">
                        <div id="newSign">NEW</div>
                        <div class="hoverShowShopping">立即抢购</div>
                        <img src="./images/girl5.bmp" class="card-img-top changeImgUrl5" alt="...">
                        <div class="card-body">
                            <h5 class="card-title">公主服装</h5>
                            <p class="card-text introduce">
                                气质连衣裙小众爆款2022春秋季新款女盐系纯欲风马甲衬衫裙两件套气质连衣裙小众爆款2022春秋季新款女盐系纯欲风马甲衬衫裙两件套气质连衣裙小众爆款2022春秋季新款女盐系纯欲风马甲衬衫裙两件套
                            </p>
                            <p class="text-danger price fs-4">￥78.90 <del>￥120.00</del></p>
                            <p class="mb-0 store"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shop text-danger" viewBox="0 0 16 16">
                                    <path
                                        d="M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.609 3.044A1.5 1.5 0 0 1 16 5.37v.255a2.375 2.375 0 0 1-4.25 1.458A2.371 2.371 0 0 1 9.875 8 2.37 2.37 0 0 1 8 7.083 2.37 2.37 0 0 1 6.125 8a2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.625V5.37a1.5 1.5 0 0 1 .361-.976l2.61-3.045zm1.78 4.275a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 1 0 2.75 0V5.37a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.255a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0zM1.5 8.5A.5.5 0 0 1 2 9v6h1v-5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v5h6V9a.5.5 0 0 1 1 0v6h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V9a.5.5 0 0 1 .5-.5zM4 15h3v-5H4v5zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3zm3 0h-2v3h2v-3z" />
                                </svg>
                                <span>chen旗舰店</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card" onclick="location.href = './detail.html'">
                        <div id="newSign">NEW</div>
                        <div class="hoverShowShopping">立即抢购</div>
                        <img src="./images/girl6.bmp" class="card-img-top changeImgUrl6" alt="...">
                        <div class="card-body">
                            <h5 class="card-title">职业套装</h5>
                            <p class="card-text introduce">
                                七分袖条纹小西装女短款外套2022秋装新款韩版修身西服上衣薄款七分袖条纹小西装女短款外套2022秋装新款韩版修身西服上衣薄款</p>
                            <p class="text-danger price fs-4">￥78.90 <del>￥120.00</del></p>
                            <p class="mb-0 store"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shop text-danger" viewBox="0 0 16 16">
                                    <path
                                        d="M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.609 3.044A1.5 1.5 0 0 1 16 5.37v.255a2.375 2.375 0 0 1-4.25 1.458A2.371 2.371 0 0 1 9.875 8 2.37 2.37 0 0 1 8 7.083 2.37 2.37 0 0 1 6.125 8a2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.625V5.37a1.5 1.5 0 0 1 .361-.976l2.61-3.045zm1.78 4.275a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 1 0 2.75 0V5.37a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.255a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0zM1.5 8.5A.5.5 0 0 1 2 9v6h1v-5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v5h6V9a.5.5 0 0 1 1 0v6h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V9a.5.5 0 0 1 .5-.5zM4 15h3v-5H4v5zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3zm3 0h-2v3h2v-3z" />
                                </svg>
                                <span>正暖暖旗舰店</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!-- 页脚下面的版权信息 (底部)-->


    <div class="container-fluid homeupper">
        <div class="container">
            <div class="row justify-content-between">
                <div class="homeUpperLeft col-lg-5 col-md-5 d-lg-block d-md-block d-none">
                    <p>首页</p>
                    <p>关于我们</p>
                    <p>品牌故事</p>
                    <p>产品介绍</p>
                    <p>线下商店</p>
                    <p>联系我们</p>
                    <p class="mt-5">友情链接</p>
                    <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-google" viewBox="0 0 16 16">
                            <path
                                d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z" />
                        </svg>
                        <svg style="margin-left: 20px;" xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
                            <path
                                d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
                        </svg>
                        <svg style="margin-left: 20px;" xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-wechat" viewBox="0 0 16 16">
                            <path
                                d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.324.324 0 0 0-.12.366l.218.81a.616.616 0 0 1 .029.117.166.166 0 0 1-.162.162.177.177 0 0 1-.092-.03l-1.057-.61a.519.519 0 0 0-.256-.074.509.509 0 0 0-.142.021 5.668 5.668 0 0 1-1.576.22ZM9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.615.615 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.627.627 0 0 0 .098.356Z" />
                            <path
                                d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.499.499 0 0 0-.032.14.192.192 0 0 0 .193.193c.039 0 .077-.01.111-.029l1.268-.733a.622.622 0 0 1 .308-.088c.058 0 .116.009.171.025a6.83 6.83 0 0 0 1.625.26 4.45 4.45 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02.05 0 .1 0 .15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826Zm4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Zm3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Z" />
                        </svg>
                        <svg style="margin-left: 20px;" xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-steam" viewBox="0 0 16 16">
                            <path
                                d="M.329 10.333A8.01 8.01 0 0 0 7.99 16C12.414 16 16 12.418 16 8s-3.586-8-8.009-8A8.006 8.006 0 0 0 0 7.468l.003.006 4.304 1.769A2.198 2.198 0 0 1 5.62 8.88l1.96-2.844-.001-.04a3.046 3.046 0 0 1 3.042-3.043 3.046 3.046 0 0 1 3.042 3.043 3.047 3.047 0 0 1-3.111 3.044l-2.804 2a2.223 2.223 0 0 1-3.075 2.11 2.217 2.217 0 0 1-1.312-1.568L.33 10.333Z" />
                            <path
                                d="M4.868 12.683a1.715 1.715 0 0 0 1.318-3.165 1.705 1.705 0 0 0-1.263-.02l1.023.424a1.261 1.261 0 1 1-.97 2.33l-.99-.41a1.7 1.7 0 0 0 .882.84Zm3.726-6.687a2.03 2.03 0 0 0 2.027 2.029 2.03 2.03 0 0 0 2.027-2.029 2.03 2.03 0 0 0-2.027-2.027 2.03 2.03 0 0 0-2.027 2.027Zm2.03-1.527a1.524 1.524 0 1 1-.002 3.048 1.524 1.524 0 0 1 .002-3.048Z" />
                        </svg>
                    </div>
                </div>
                <!-- 右边 -->
                <div class="homeUpperRight col-lg-6 col-md-6 justify-content-center">
                    <div class="row">
                        <div class="col">
                            <input type="text" class="form-control" placeholder="名称" aria-label="First name">
                        </div>
                        <div class="col">
                            <input type="text" class="form-control" placeholder="电子邮件" aria-label="Last name">
                        </div>
                    </div>
                    <textarea class="form-control mt-3" rows="6" placeholder="信息"></textarea>
                    <!-- <div class="SubmitBtn mt-4">提交</div> -->
                </div>
            </div>
        </div>
    </div>

</body>

</html>